@import url("global.css");
@import url("head.css");
@import url("foot.css");
/*--------------------- 主体 begin -----------------------*/
#main #m1{
	padding: 20px 0;
}

#m1 > span:last-child{
	float: right;
	padding-top: 10px;
}

/* 超链接 */
#m1 > span > a{
	padding: 3px 15px;
	border-radius: 20px;	/*圆角*/
	background-color: #6AD4FF;
	color:white;
}
#m1 > span > a:first-child{
	background-color: #FF8785;
}
#m1 > span > a:hover{
	color: #0080EE;
}

/* 搜索文本框 */
#m1 #searchTxt{
	height: 26px;
	width: 200px;
	border: 1px solid lightgray;
	border-radius: 20px;
	
	/* 左边内边距 */
	padding-left: 10px ;
	/* 设置右边内边距的目的是为了给背景图片（放大镜）预留位置 */
	padding-right: 30px ;
	
	/* 设置搜索框右侧背景图标 */
	background: url(../img/search.ico) no-repeat right+5px center;
	background-color: #F0F0F0;
}
#m1 #searchTxt:focus{/* 文本框获取焦点时，不显示外边框 */
	outline: none;
	border-color: #0080EE;
}

#main #m2{
	height: 470px;
	width: inherit;
}
#m2 img{
	width: inherit;
	height: inherit;
}

/* 分类显示：热销、手机、笔记本 */
.type > p{
	padding: 25px 0 15px;
	font-size: 25px;
	color: #333333;
}
.type > p a{
	float:right;
	font-size: small;
}
.type > p span{
	font-size: large;
}

.type td > a{
	background-color: white;
	width: 230px;
	height: 230px;
	border-radius: 10px;
	display: inline-block;
	padding: 30px 0;
	text-align: center;
	margin:0 10px 10px 0;
}
.type td > a:hover{
	box-shadow: 10px 10px 5px gray;
}
.type td > a img{
	width: 160px;
	height: 160px;
}
.type td > a p{
	padding: 10px;
	color: #0080EE;
}
.type td > a div{
	color: #FF8785
}

/*--------------------- 主体 end -----------------------*/